﻿<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>收藏</title>
    <link href="css/public.css" rel="stylesheet" type="text/css">
    <link href="css/index.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.7.2.min.js" language="javascript"></script>
    <script src="js/common.js" language="javascript"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
</head>

<body>

<!--header begin-->
<header class="header wrap fix">
    <h1 class="logo">
        <img src="images/logo.png">
    </h1>
    <div class="settingBox">
        <div class="setBtn">设置</div>
        <div class="setCt">
            <a href="#">个人档案</a>
            <a href="#">修改密码</a>
            <a href="#">帮助</a>
            <a href="#">退出</a>
        </div>
    </div>
</header>

<!--tips begin-->
<section class="tipsBox fix wrap">
    <a href="index.html" class="iIcoIndex"></a>
    <div class="welcome">大同第二发电厂/大同发电有限公司培训中心的陈先生，您好，您的角色是培训管理员，欢迎使用学习平台</div>
</section>

<!--main begin-->
<div class="main wrap fix">
    <!--nav begin-->
    <nav class="nav" id="nav">
        <div class="navList">
            <a class="nLink" href="#">
                <i class="nIco nIcoI"></i>
                <span class="navName">每日学习</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="train.html">
                <i class="nIco nIcoB"></i>
                <span class="navName">我的培训班及考试</span>
            </a>
        </div>
        <div class="navList active">
            <a class="nLink" href="collect.html">
                <i class="nIco nIcoC"></i>
                <span class="navName">我的收藏学习</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="train.html">
                <i class="nIco nIcoF"></i>
                <span class="navName">在线培训会议室</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="kb.html">
                <i class="nIco nIcoE"></i>
                <span class="navName">知识库</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="exam.html">
                <i class="nIco nIcoH"></i>
                <span class="navName">题库练习</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="exam.html">
                <i class="nIco nIcoD"></i>
                <span class="navName">自助考试</span>
            </a>
        </div>
        <div class="navList">
            <a class="nLink" href="summarize.html">
                <i class="nIco nIcoG"></i>
                <span class="navName">培训总结</span>
            </a>
        </div>
    </nav>


    <!--content begin-->
    <div class="rightMain">
        <div class="mainCt rowPx">
            <div class="mTit">
                <span class="mTitName">我的收藏学习</span>
            </div>
            <div class="mCt">
                <table class="mCLassTb mCLassTb-B">
                    <thead>
                    <tr>
                        <th class="clsNum">序号</th>
                        <th class="clsTit" colspan="2">课程名称及简介</th>
                        <th class="clsType">课程类别</th>
                        <th class="clsTime">注册日期</th>
                        <th class="clsPgs clsPgsB">学习进度</th>
                        <th>注销</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td class="clsNum">1</td>
                        <td class="clsImg">
                            <div class="myClsImgB">
                                <img alt="test" src="images/play.jpg">
                            </div>
                        </td>
                        <td class="clsTit">
                            <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                            <p>MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 MBA智库文档被百度文库搜索引擎收录后，日访问量上升了一倍，也让更多财经人士认识了MBA智库，用户们更有动力上传优质文档了。 </p>
                        </td>
                        <td class="clsType">
                            多媒体
                        </td>
                        <td class="clsTime">
                            2014-5-01
                        </td>
                        <td class="clsPgs clsPgsB">
                            <div class="fix">
                            <span class="progress">
                                <i style="width:33.3%;"></i>
                            </span>
                                <span class="pgsNum">33.3%</span>
                            </div>
                            <div class="videoIcon">
                                <i class="vIco"></i>
                                <span>播放</span>
                            </div>
                        </td>
                        <td class="clsGn">
                            <a href="#">注销</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clsNum">1</td>
                        <td class="clsImg">
                            <div class="myClsImgB">
                                <img alt="test" src="images/word.png">
                            </div>
                        </td>
                        <td class="clsTit clsTitCen">
                            <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                        </td>
                        <td class="clsType">
                            文档
                        </td>
                        <td class="clsTime">
                            2014-5-01
                        </td>
                        <td class="clsPgs clsPgsC">
                            <a href="#">书签处阅读</a>
                        </td>
                        <td class="clsGn">
                            <a href="#">注销</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clsNum">1</td>
                        <td class="clsImg">
                            <div class="myClsImgB">
                                <img alt="test" src="images/ppt.png">
                            </div>
                        </td>
                        <td class="clsTit clsTitCen">
                            <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                        </td>
                        <td class="clsType">
                            文档
                        </td>
                        <td class="clsTime">
                            2014-5-01
                        </td>
                        <td class="clsPgs clsPgsC">
                            <a href="#">书签处阅读</a>
                        </td>
                        <td class="clsGn">
                            <a href="#">注销</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clsNum">1</td>
                        <td class="clsImg">
                            <div class="myClsImgB">
                                <img alt="test" src="images/pdf.png">
                            </div>
                        </td>
                        <td class="clsTit clsTitCen">
                            <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                        </td>
                        <td class="clsType">
                            文档
                        </td>
                        <td class="clsTime">
                            2014-5-01
                        </td>
                        <td class="clsPgs clsPgsC">
                            <a href="#">书签处阅读</a>
                        </td>
                        <td class="clsGn">
                            <a href="#">注销</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clsNum">1</td>
                        <td class="clsImg">
                            <div class="myClsImgB">
                                <img alt="test" src="images/dq.png">
                            </div>
                        </td>
                        <td class="clsTit clsTitCen">
                            <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                        </td>
                        <td class="clsType">
                            文档
                        </td>
                        <td class="clsTime">
                            2014-5-01
                        </td>
                        <td class="clsPgs clsPgsC">
                            <a href="#">书签处阅读</a>
                        </td>
                        <td class="clsGn">
                            <a href="#">注销</a>
                        </td>
                    </tr>
                    <tr>
                        <td class="clsNum">1</td>
                        <td class="clsImg">
                            <div class="myClsImgB">
                                <img alt="test" src="images/word.png">
                            </div>
                        </td>
                        <td class="clsTit clsTitCen">
                            <a href="#">山​东​省​青​岛​市​孙​受​中​心​小​学​一​年​级​语​文​上​册​期​末​检​测​题​及​答​案</a>
                        </td>
                        <td class="clsType">
                            文档
                        </td>
                        <td class="clsTime">
                            2014-5-01
                        </td>
                        <td class="clsPgs clsPgsC">
                            <a href="#">书签处阅读</a>
                        </td>
                        <td class="clsGn">
                            <a href="#">注销</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="pageBox fix">
                <a class="btnPage btnPagePrev" href="#">&lt;</a>
                <span class="pageNow">1</span>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">4</a>
                <a href="#">5</a>
                <span>......</span>
                <a class="btnPage btnPageNext" href="#">&gt;</a>
                <p class="pageStatis">共116条记录，显示第1-20条</p>
            </div>
        </div>
    </div>
</div>

<!--footer begin-->
<footer class="footer wrap fix">
    <p class="fR">ShenZhou Online Remote Training System V6</p>
</footer>

<!--navButton begin-->
<a href="javascript:;" class="navBtn" id="navBtn">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
</a>
</body>

</html>
